<%@ include file="header.jsp" %>

<div>
	<div class="infosProduit">
		<img src="images/${requestScope.produit.photo}" class="image" />
		<div class="detailsInfosProduit">
			<h1>${requestScope.produit.intitule}</h1>
			
			<h2>Description produit</h2>
			
			<b>Type : </b><c:out value="${requestScope.produit.type}" /><br />
			<b>Description : </b><c:out value="${requestScope.produit.description}" /><br />
			
			<h2>Description de l'annonce</h2>
			<p class="infosSmall">effectu&eacute; le : ${annonce.dateCreation}</p>
			<c:if test="${!empty annonce.dateExpiration}">
				<p class="infosSmall">expire le : ${annonce.dateExpiration}</p>
			</c:if>
			<b>Prix : ${annonce.prix} &euro;<br /></b>
			<b>Stock : </b>${requestScope.annonce.stock}<br />
			<b>Etat : </b>${requestScope.annonce.etat}<br />
			${requestScope.annonce.commentaire}<br />
		</div>
	</div>
	
	<div class="infosVendeur">
		Vendu par <a href="vendeur?identifiant=<c:out value="${vendeur.idVendeur}" />"><c:out value="${vendeur.pseudo}" /></a><br />
		Note <c:out value="${vendeur.note}" /> pour <c:out value="${vendeur.nbVentes}" /> ventes<br />
		Taux d'acceptation : ${vendeur.acceptation}<br />
	</div>
	<br style="clear : both;" />
	<div class="divAchat">
		<form action="acheter?action=newachat&annonce=${requestScope.annonce.idAnnonce}" method="post">
			Quantit&eacute; : <select name="quantite">
				<c:forEach var="compteur" begin="1" end="${requestScope.annonce.stock}">
					<option value="${compteur}">${compteur}</option>
				</c:forEach>
			</select><br />
			<input type="image" src="/MiniIBay/images/acheter.png" />
		</form>
	</div>
</div>
<br style="clear : both;" />
<br />

<div class="barreGrise">
	<div class="gauche">Questions / R&eacute;ponse</div>
	<div class="droite"><a href="Annonce?annonce=${requestScope.annonce.idAnnonce}#question">Poser une question</a></div>
</div>
<br style="clear : both" />
<c:forEach var="message" items="${requestScope.messages}" >
	<div class="message" style="background-color : ${message.couleur}">
		<div class="cadreAvatar">
			<img src="/MiniIBay/images/avatars/${message.avatarMembre}" class="avatar_message" alt="Avatar du membre" />
		</div>
		<div style="float : left;">
			<b>${message.pseudoMembre}</b><br />
			<p class="infosSmall">${message.date}</p>
			${message.message}
		</div>
		<br style="clear : both" />
	</div>
</c:forEach>

<form name="posterQuestion" id="poserQuestion" method="post" action="poserQuestion">
	<fieldset>
		<legend>Posez votre question</legend>
		<a name="question"></a>
		<p class="double">
			<span class="gauche">
				<label for="desc">Question : </label>
				<span class="correction" id="desc-correction"></span>
				<span class="info" id="desc-info"></span>
			</span>
			<span class="droite">
				<textarea name="desc" onfocus="javascript:afficheInfo('desc-info')"  onblur="javascript:verifValeurTextarea('desc', 'poserQuestion')" ></textarea>
				<span id="desc-valid" class="correction">&nbsp;</span>
			</span>
		</p>
		<p class="simple">
			<input type="hidden" name="idannonce" value="${requestScope.annonce.idAnnonce}" />
			<input type="submit" value="Envoyer" />
		</p>
	</fieldset>
</form>
<%@ include file="footer.jsp" %>